<!DOCTYPE html>
<html>
	<head>
		<!--主页面-->
		<meta charset="utf-8">
		<link href="css/kt.css" rel="stylesheet" type="text/css" />
		<script src="./dr.js"></script>
		<title>芊宝生日快乐</title>
		<!--网页标题-->
	</head>
	<body>
		<!-- 头部 -->
		<div id="toubu">
			 <!-- 头部图片1 -->
			<div class="ttp1">
					<img src="img/4%20(17).jpg"   id="ztp11"  />
			</div>
			<!-- 头部图片2 -->
			<div class="ttp2">
					<img src="img/4%20(17).jpg"   id="ztp11"  />
			</div>
			<!-- 头部图片3 -->
			<div class="ttp3">
					<img src="img/4%20(17).jpg"   id="ztp11"  />
			</div>
			<!-- 头部图片4 -->
			<div class="ttp4">
					<img src="img/4%20(17).jpg"   id="ztp11"  />
			</div>
			<!-- 芊字 -->
			<!-- <h1 class="q">芊芊芊芊</h1> -->
			<!-- <div class="srkl"></div> -->
			<!-- 头部图片5 -->
			<div class="ttp5">
					<img src="img/4%20(17).jpg"   id="ztp11"  />
			</div>
			<!-- 头部图片6 -->
			<div class="ttp6">
					<img src="img/4%20(17).jpg"   id="ztp11"  />
			</div>
			<!-- 头部图片7 -->
			<div class="ttp7">
					<img src="img/4%20(17).jpg"   id="ztp11"  />
			</div>
			<!-- 头部图片8 -->
			<div class="ttp8">
					<img src="img/4%20(17).jpg"   id="ztp11"  />
			</div>
			
			
			<!-- 新添加 -->
			<div class="ttp4">
					<img src="img/4%20(17).jpg"   id="ztp11"  />
			</div>
			<div class="ttp4">
					<img src="img/4%20(17).jpg"   id="ztp11"  />
			</div>
			<div class="ttp4">
					<img src="img/4%20(17).jpg"   id="ztp11"  />
			</div>
			<div class="ttp4">
					<img src="img/4%20(17).jpg"   id="ztp11"  />
			</div>
			<div class="ttp4">
					<img src="img/4%20(17).jpg"   id="ztp11"  />
			</div>
			<div class="ttp4">
					<img src="img/4%20(17).jpg"   id="ztp11"  />
			</div>
		</div>
		<!-- 左边 -->
		<div id="zuobian">
			<!-- 左图片1 -->
			<div class="ztp1">
				<img src="img/1.jpg"   id="ztp111"  />
			</div>
			<!-- 左图片2 -->
			<div class="ztp2">
				<img src="img/1.jpg"   id="ztp11"  />
			</div>
			<!-- 左图片3 -->
			<div class="ztp3">
				<img src="img/4%20(10).jpg"   id="ztp11"  />
			</div>
			<!-- 左图片4 -->
			<div class="ztp4">
				<img src="img/4%20(11).jpg"   id="ztp11"  />
			</div>
			<!-- 左图片5 -->
			<div class="ztp5">
					<img src="img/4%20(12).jpg"   id="ztp11"  />
			</div>
			<!-- 左图片6 -->
			<div class="ztp6">
					<img src="img/4%20(13).jpg"   id="ztp11"  />
			</div>
			<div class="ztp6">
					<img src="img/4%20(14).jpg"   id="ztp11"  />
			</div>
			<div class="ztp6">
					<img src="img/4%20(15).jpg"   id="ztp11"  />
			</div>
		</div>
		<!-- 右边 -->
		<div id="youbian">
			<!-- 右图片1 -->
			<div class="ytp1">
					<img src="img/4%20(17).jpg"   id="ztp111"  />
			</div>
			<!-- 右图片2 -->
			<div class="ytp2">
					<img src="img/2.jpg"   id="ztp11"  />
			</div>
			<!-- 右图片3 -->
			<div class="ytp3">
					<img src="img/4%20(14).jpg"   id="ztp11"  />
			</div>
			<!-- 右图片4 -->
			<div class="ytp4">
					<img src="img/4%20(15).jpg"   id="ztp11"  />
			</div>
			<!-- 右图片5 -->
			<div class="ytp5">
					<img src="img/4%20(16).jpg"   id="ztp11"  />
			</div>
			<!-- 右图片6 -->
			<div class="ytp6">
					<img src="img/4%20(17).jpg"   id="ztp11"  />
			</div>
			<div class="ytp6">
					<img src="img/4%20(17).jpg"   id="ztp11"  />
			</div>
			<div class="ytp6">
					<img src="img/4%20(17).jpg"   id="ztp11"  />
			</div>
		</div>
		<!--视频-->
		<div id="dade">
			<video src="./img/srkl.mp4" controls id="spp" ></video>
		</div>
		<!-- 文字 -->
		<div id="wz">
			<h1 >傻憨批芊</h1>
		
			
			<p id="wzz">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;十八年前的今天，你呱呱坠地，来到父母身边，给我们带了欣喜，带来了希望，带来了快乐，当然也带来了繁忙!十八年后的此时此刻，你已成长为一个帅气、稳重和懂事的小姑娘，当然还特别爱臭美!现在的你让父母感到欣慰、骄傲和自豪!</p>
		</div>
		
		
			<embed src="./img/srklsn.mp3" loop="true"></embed>

		<!-- <audio id="music1" controls="controls" autoplay="autoplay" preload id="music1" hidden>
		<source src="img/srklsn.mp3" />
		</audio>
		<!--这里是音乐--> -->
		
	</body>
</html>
